<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">

<head>
<title>Blue Moon - Responsive Admin Dashboard</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
	content="Blue Moon - Responsive Admin Dashboard" />
<meta name="keywords"
	content="Notifications, Admin, Dashboard, Bootstrap3, Sass, transform, CSS3, HTML5, Web design, UI Design, Responsive Dashboard, Responsive Admin, Admin Theme, Best Admin UI, Bootstrap Theme, Wrapbootstrap, Bootstrap, bootstrap.gallery" />
<meta name="author" content="Bootstrap Gallery" />
<link rel="shortcut icon" href="img/favicon.ico">
=
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/wysi/bootstrap-wysihtml5.css" rel="stylesheet">

<link href="css/new.css" rel="stylesheet">


<!--biaog-->
<link href="css/jquery.treetable.theme.default.css" rel="stylesheet"
	9.    type="text/css" />
<link href="css/jquery.treetable.css" rel="stylesheet" type="text/css" />
<!-- Important. For Theming change primary-color variable in main.css  -->

<!-- Color Picker -->
<link rel="stylesheet" href="css/color-picker/jquery.minicolors.css">

<link href="fonts/font-awesome.min.css" rel="stylesheet">



<!--sdadssssssssssssssss-->
<script src="layer/jquery.min.js"></script>
<script src="layer/layer.js"></script>
<link href="layer/bootstrap.css">


<!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body>

	<!-- 嵌入头部 -->
	<div th:include="common/header :: header"></div>
	<!-- Header End -->

	<!-- Main Container start -->
	<div class="dashboard-container">

		<div class="container">
			<!-- 嵌入顶部导航栏 -->
			<div th:replace="common/topnav :: topnav"></div>
			<!-- 顶部导航栏End -->

			<!-- 嵌入时间显示片段 -->
        	<div th:replace="common/time :: time"></div>

			<!-- Dashboard Wrapper Start -->
			<div class="dashboard-wrapper">
				<!-- Row Start -->
				<div class="row">
					<div class="col-lg-12 col-md-12">
						<div class="widget">
							<div class="widget-header">
								<div class="title">
									项目列表<a id="dynamic-tables"></a>
								</div>
							</div>
							<div class="widget-body">
								<div id="dt_example" class="example_alt_pagination">
								<form name="pro-form" method="post">
									<table id="example-advanced" width="100%"
										class="table table-condensed table-striped table-hover table-bordered pull-left">
										<tr data-tt-id='1'>
											<td><span><strong>项目简称</strong></span></td>
											<td><strong>开盘日期</strong></td>
											<td><strong>封盘日期</strong></td>
											<td><strong>项目状态</strong></td>
											<td><strong>项目描述</strong></td>
											<td><strong>基本资料</strong></td>
										</tr>
										<th:block th:each="cityName,i : ${cityNames}">
										<tr class="gradeX warning" th:attr="data-tt-id=${i.count}+1">
											<td><span th:text="${cityName}+'公司'"></span></td>
											<td><span></span></td>
											<td></td>
											<td></td>
											<td></td>
											<td></td>
										</tr>
										<th:block th:each="project : ${projects}">
										<th:block th:if="${cityName} eq ${project.cityName}">
										<tr th:attr="date-tt-id=${i.count+1}+'-'+${i.count},data-tt-parent-id=${i.count+1}">
											<td><span th:text="${project.projectName}"></span></td>
											<td></td>
											<td></td>
											<td></td>
											<td></td>
											<td></td>
										</tr>
										<th:block th:each="detail : ${details}">
										<th:block th:if="${project.projectName} eq ${detail.project_name}">
										<tr th:attr="data-tt-id=${i.count+1} +'-'+${i.count+1}+'-'+${i.count},data-tt-parent-id=${i.count+1}+'-'+${i.count}">
											<td><span th:text="${detail.detAbbreviation}"></span></td>
											<td><span th:text="${#dates.format(detail.detOpeningActualDate,'yyyy-MM-dd')}"></span></td>
											<td><span th:text="${#dates.format(detail.detEntertainedDate,'yyyy-MM-dd')}"></span></td>
											<td><span th:text="${detail.sta_stateName}"></span></td>
											<td><span th:text="${detail.detDescribe}"></span></td>
											<td><a class="parentIframe" >查看</a>
											<input name="project_id" th:value="${project.projectId}" type="hidden" />
																	<input name="det_id" th:value="${detail.detId}" type="hidden" /></td>
										</tr>
										</th:block>
										</th:block>
										</th:block>
										</th:block>
										</th:block>
									</table>
									</form>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- Row End -->

			</div>
			<!-- Dashboard Wrapper End -->

			<footer>
				<p>© BlueMoon 2013-14</p>
			</footer>

		</div>
	</div>
	<!-- Main Container end -->

	<script src="js/wysi/wysihtml5-0.3.0.min.js"></script>
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/wysi/bootstrap3-wysihtml5.js"></script>
	<script src="js/jquery.scrollUp.js"></script>

	<!-- Color Picker -->
	<script src="js/color-picker/jquery.minicolors.js"></script>

	<!-- Custom JS -->
	<script src="js/menu.js"></script>


	<!--jjsaa-->
	<script src="js/jquery.treetable.js"></script>


	<script>
		$("#example-advanced").treetable({
			expandable : true
		});
	</script>

	<script type="text/javascript">
		//ScrollUp
		$(function() {
			$.scrollUp({
				scrollName : 'scrollUp', // Element ID
				topDistance : '300', // Distance from top before showing element (px)
				topSpeed : 300, // Speed back to top (ms)
				animation : 'fade', // Fade, slide, none
				animationInSpeed : 400, // Animation in speed (ms)
				animationOutSpeed : 400, // Animation out speed (ms)
				scrollText : 'Top', // Text for element
				activeOverlay : false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
			});
		});

		//Tooltip
		$('a').tooltip('hide');

		//Popover
		$('.popover-pop').popover('hide');

		//Dropdown
		$('.dropdown-toggle').dropdown();

		//wysihtml5
		$('.textarea').wysihtml5();

		//Color Pickers
		$(document)
				.ready(
						function() {

							$('.demo')
									.each(
											function() {
												$(this)
														.minicolors(
																{
																	control : $(
																			this)
																			.attr(
																					'data-control')
																			|| 'hue',
																	defaultValue : $(
																			this)
																			.attr(
																					'data-defaultValue')
																			|| '',
																	inline : $(
																			this)
																			.attr(
																					'data-inline') === 'true',
																	letterCase : $(
																			this)
																			.attr(
																					'data-letterCase')
																			|| 'lowercase',
																	opacity : $(
																			this)
																			.attr(
																					'data-opacity'),
																	position : $(
																			this)
																			.attr(
																					'data-position')
																			|| 'bottom left',
																	change : function(
																			hex,
																			opacity) {
																		if (!hex)
																			return;
																		if (opacity)
																			hex += ', '
																					+ opacity;
																		try {
																			console
																					.log(hex);
																		} catch (e) {
																		}
																	},
																	theme : 'bootstrap'
																});

											});

						});
		//ASDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD
		$('.parentIframe').on('click', function() {
			var project_id;
			var det_id;
			project_id = $(this).next().val();
			det_id = $(this).next().next().val();
			layer.open({
				type : 2,
				skin : 'layui-layer-lan',
				title : '基本资料',
				fix : false,
				shadeClose : true,
				maxmin : true,
				area : [ '1000px', '560px' ],
				content : '/basicdocument?project_id=' + project_id
				+ "&det_id=" + det_id,
			});
		});
	</script>

</body>
</html>